@import url("zzPublic.css");
body{background:#f5f5f5;}
body,form{margin:0;padding:0;font:12px/180% "MicroSoft Yahei","宋体";color:#333;}
*{font-family:"MicroSoft Yahei","宋体";margin:0;padding:0;}/*此地方不要加颜色属性*/
.ul,li{list-style:none;}
.width{width:1200px;margin:auto;overflow:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

.l{float:left;}
.r{float:right;}
.c{clear:both;}
.m{margin-top:10px;}
.red{color:#f30;}
.dis{display:none;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mtb10{ margin-top:10px; margin-bottom:10px;}
.mtb20{ margin-top:20px; margin-bottom:20px;}
.mtb30 {margin-top: 30px;margin-bottom: 30px;}
.mtb40{ margin-top:40px; margin-bottom:40px;}
.mtb50{ margin-top:50px; margin-bottom:50px;}
.mtb60{ margin-top:60px; margin-bottom:60px;}
.mtb70{ margin-top:70px; margin-bottom:70px;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#f30;}
img{border:0;}

.pageTitle{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
    line-height:35px;
    padding:90px 0;
}
.pageTitle h1{font-size:30px;color:#fff;}
.pageTitle h2{font-size:30px;color:#fff;}
.pageTitle h3{font-size:20px;color:#87dfff;}

.bannerPage{
    background-image:url(../Images/banner_page.jpg);
    background-size:cover;
    background-position:top;
}
.bannerProduct{
    background-image:url(../Images/banner_product.jpg);
    background-size:cover;
    background-position:top;
}
.bannerNews{
    background-image:url(../Images/banner_news.jpg);
    background-size:cover;
    background-position:top;
}

.class_list {
    width: 100%;
    height:auto;overflow:hidden;
}
.class_list li{
    padding:3px 15px;float:left;
    line-height:30px;
    background:#eee;
    margin:5px 2px;
}
.class_list .active{
    background:#00aae7;
    color:#fff;
}
.class_list .active a{color:#fff;}
.class_list .home{
    background:#e7b900;
    color:#fff;
}
.class_list .home a{color:#fff;}

.pageContent{
    width:94%;
    height:auto;
    overflow:hidden;
    background:#fff;
    padding:40px 3%;
    margin:0 auto;
}

.info_title{margin:10px 0;font:100 18px Microsoft Yahei;text-align:center;}
.info_other{text-align:center;color:#999;margin:4px 0;}
.info_jj{border:1px solid #FDCC97;background:#FEFCFA;padding:10px;margin:10px 20px;color:#666;line-height:20px;word-wrap:break-word;overflow:hidden;}
.info_jj a{font-family:verdana;color:#00f;}
.info_jj a:hover{color:#f30;}
.info_jj span{font-weight:bold;color:#000;}
.info_content {
    width:100%;
    height:auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 26px;
    font-size: 14px;
}
.info_content img{max-width:1000px;}
.other_content {
    width: 100%;
    height: auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 26px;
    font-size:14px;
}
.other_content img{max-width:1000px;}


.info_mood{font:bold 14px/30px "宋体";color:#333;margin:20px 20px 0 20px;clear:both;}
.info_next{color:#999;margin:6px 20px;}
.info_next a{font-family:verdana;}
/*分页部分*/
.List_page{text-align:center;margin-bottom:10px;}
.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #eee;color:#A0A0A0;}
.List_page span{background:#00aae7;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #00aae7;}
/*内容分页部分*/
.content_page{}
.content_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;color:#A0A0A0;display:inline-block;}
.content_page a.on{background:#AECD9E;color:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;display:inline-block;}
.content_page input{position:absolute;margin:-5px 0 0 1px;*margin:0 0 0 1px;padding:1px 0 2px 0;*padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:30px;height:22px;line-height:22px;text-align:center;}
.content_page button{position:absolute;margin:-5px 0 0 35px;*margin:0 0 0 35px;padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:40px;height:24px;line-height:24px;text-align:center;font-size:12px;}
.content_url{font-size:14px;font-family:arial;color:#06f;margin:20px;}
.content_url span{color:#666;}
.content_url input{background:#50B20E;color:#fff;width:40px;border:0;height:24px;}
.content_url #this_url{border:1px solid #ccc;width:464px;font-family:arial;color:#000;height:20px;line-height:20px;background:#fff;}


.list_photo {
    width: 100%;
    height:auto;
    overflow: hidden;
}
.list_photo li{
    width:23%;float:left;
    margin:10px 1%;
}
.list_photo li:hover{
    box-shadow:0 0 5px 5px #f8f8f8;
}
.list_photo .pic{
    width:100%;
    height:220px;overflow:hidden;
    position:relative;
}
.list_photo .pic img{
    width:100%;
    height:220px;
    position:absolute;
    top:0;
    left:0;
}
.list_photo .word{
    width:100%;
    height:40px;overflow:hidden;
    line-height:40px;
    text-align:center;
    background:#fff;
}

.listNews{
    width:100%;
    height:auto;
    overflow:hidden;
    margin:0 auto;
}
.listNews li{
    width:94%;
    height:auto;
    border-bottom:1px solid #eee;
    padding:10px 3% 10px 3%;
    margin:10px auto;
}
.listNews li:hover{
    background:#eee;
}
.listNews li h1{
    width:100%;
    height:30px;line-height:30px;overflow:hidden;
    font-size:18px;
    color:#00aae7;
}
.listNews li:hover h1{color:#174d89;}
.listNews li div{
    width:100%;
    height:25px;line-height:25px;overflow:hidden;
    color:#999;
}

.listHot{
    width:100%;
    height:auto;
}
.listHot .title{
    width:100%;
    height:40px;overflow:hidden;
    line-height:40px;
    font-size:16px;
    color:#00aae7;
}
.listHot .list{
    width:100%;
    height:auto;overflow:hidden;
}
.listHot .list li{
    width:30%;float:left;
    height:30px;line-height:30px;overflow:hidden;
    border-bottom:1px dotted #ccc;
    text-indent:10px;
}

@media(max-width:750px){
    .width{width:94%;margin:auto;overflow:hidden;}
    .class_list li{
        width:31%;float:left;
        height:30px;overflow:hidden;
        line-height:30px;
        padding:0;
        margin:4px 1%;
        text-align:center;
    }

    .pageContent {
        height:auto;
        margin-bottom: 30px;
    }

    .info_content img{max-width:100%;}
    .other_content img{max-width:100%;}

    .list_photo li{
        width:48%;float:left;
        margin:10px 1%;
    }
    .list_photo .pic{
        width:100%;
        height:160px;overflow:hidden;
        position:relative;
    }
    .list_photo .pic img{
        width:100%;
        height:160px;
        position:absolute;
        top:0;
        left:0;
    }
    .listHot .list{
        margin-bottom:20px;
    }
}